#banner{
    width: 1343px;height: 377px;margin: 0 auto;
}
#banner>img{
    max-width: 100%;
    max-height: 100%;
}
#goods{
    margin: 30px auto;width: 1260px;height: 1450px;
}
#goods .goods_l{
    width: 198px;height: 618px;float: left;
}
#goods .goods_l_t{
    height: 76px;margin-bottom: 40px;font-size: 30px;
    border-bottom: 1px solid #e6e5e5;
}
#goods>ul{
    height: 144px;padding-top: 10px;margin-bottom: 40px;
} 
#goods>.goods_l>ul>li{
    height: 16px;margin-bottom: 16px;
}
#goods ul li:hover {
    text-decoration: underline;
}
#goods>.goods_l>ul>li>a{
    color: #999;
}
#goods .goods_color{
    width: 198px;height: 195px;padding-top: 8px;position: relative;
    border-bottom: 1px solid #999;
}
.g_c_title{
    height: 50px;line-height: 50px;
}
.g_c_line{
    width: 12px;height: 2px;position: absolute;background: #000;
    right: 0;top: 27px;
}
.g_c_color{
    height: 107px;padding: 8px 0 30px 0;width: 170px;
}
.g_c_color>ul li{
    width: 30px;height: 30px;margin: 3px 0;float: left;
}
.g_c_color ul li a{
    width: 30px;height: 30px;display: block;
}
.g_c_color ul li a span{
  display: inline-block;  width: 20px;height: 20px;margin: 5px;background: #e495b9;
}
.g_c_price{
    height: 50px;padding-top: 8px;position: relative;
}
.g_c_line1,.g_c_line2{
    position: absolute;background: #000;
}
.g_c_line1{
    width: 12px;height: 2px;right: 0px;top: 27px;
}
.g_c_line2{
    width: 2px;height: 12px;right: 5px;top: 22px;
}
.goods_r{
    width: 1042px; float: right;
}
.goods_r_t{
    width: 1042px;height: 42px;padding-bottom: 30px;border-bottom: 1px solid #e6e5e5;

}
.goods_r_t_left{
    height: 36px;padding: 0 20px;float: left;
}
.goods_r_t_left ul{
    display: inline-block;
}
.goods_r_t_left ul li{
    float: left;text-align: center;line-height: 42px;
}
.goods_r_t_left ul li a{
    color: #999;
}
.goods_r_t_left ul li a::after{
    content: '>'; display: inline-block;width: 10px;height: 10px;margin: 0 10px;
}
.goods_r_t_left ul li .current::after{
    display: none;
}
.goods_r_t_right{
    width: 297px;height: 42px;float: right;
}
.goods_r_t_right p{
    float: left;height: 42px;line-height: 42px;
}
.select_box{
    width: 220px;height: 42px;float: right;position: relative;
}
.select_box p{
    width: 185px;height: 40px;padding: 0 23px 0 10px;
    border: 1px solid #999;
} 
.select_box>p>span{
    width: 171px;height: 40px;padding-right: 14px;line-height: 40px;
}
.select_box>.span_b{
    display: block;position: absolute;cursor: pointer;right: 0;
    width: 22px;height: 26px;padding: 18px 0 0 15px;
}
.select_box>.span_b>span{
    width: 9px;height: 6px;display: block;
    background: url(../images/icon.png) no-repeat -238px -175px;
    
}
.select_box>ul{
    width: 219px;position: absolute;top: 42px;border: 1px solid #999;
    display: none;
}
.select_box>ul>li{
    padding: 8px 10px;
}
.select_box>ul>li>a{
   color: #000;
}
.select_box>ul>li>a:hover{
    text-decoration: underline;
}
.goods_r_c{
    display: inline-block;
}
.goods_r_c_s{
    float: left;width: 276px;height: 400px;margin: 31px 31px 0 0;
    background: #fff;text-align: center;padding-top: 20px;cursor: pointer;
}
.goods_r_c_s img{
    width: 220px;height: 220px;
}
.goods_r_c_s >a{
    display: inline-block;
}
.goods_r_c_s:hover{
    color: red;
}
.goods_r_c_s:hover img{
   opacity: 0.7;
}
.goods_r_c_s_p1{
    height: 66px;margin-top: 40px;font-size: 16px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.goods_r_c_s_p2{
    height: 40px;margin-top: 10px;padding-top: 15px;
}
.goods_r_c_s_p2 span{
    font-size: 16px;margin-right: 5px;
}
.p2_span{
    text-decoration: line-through;margin-right: 5px;
}
// 分页的功能
#ul{
    font-size:0;display:inline-block;
}
#ul li{
    float:left;padding:10px;border:1px solid #ccc;font-size: 16px;
    margin:2px;cursor:pointer;color:#585858;user-select: none;
}
#page{
    width:100%;text-align: center;
}
#ul .background{
    background:#000;color:white;border:1px solid #000;
}